// pages/usercenter/index.js
import {
  getUserInfo,
  setUserInfo,
  bindMobile,
  getDeviceTrends,
  getDeviceNum,
  getserviceMobile,
  editUserName
} from "../../utils/api.js";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 用户信息
    avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
    nickname: '',
    hasUserInfo: false,
    canIUseGetUserProfile: false,
    contactMe: "",
    mobile:'',
    stat: {},
    // 悬浮按钮状态
    fabButton: false,
    contactIcon: "call",
    // 编辑类
    dialogInputVal: "",
    showWithInput: false,
    showTextAndTitleWithInput: false,
    // 动态
    trendsList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onShow(options) {
    wx.showToast({
      title: "数据加载中...",
      icon: 'loading',
    })
    this.getUserInfo()
    this.getTrends()
    this.getDeviceNum()
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},


  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  handleBlur () {
    console.log(11)
  },
  handleInput(){
    console.log(22)
  },
  getUserName(e) {
    // console.log(e.detail.value.nickname);  //用户输入或者选择的昵称
    editUserName({
      nickname:e.detail.value.nickname
    })
    wx.showToast({
      title:'更新成功',
      icon: 'none'
    })
  },
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
    setUserInfo({
      avatar: e.detail.avatarUrl
    })
  },
  // 获取动态列表
  getTrends() {
    getDeviceTrends().then(res => {
      if (res.code == 1) {
        // console.log(res.data)
        this.setData({
          trendsList: res.data
        })
      }
    })
  },
  getDeviceNum(){
    getDeviceNum().then(res=>{
      this.setData({
        stat:res.data
      })
      // console.log(this.data.stat)
    })
  },
  // 获取数据库用户信息
  getUserInfo() {
    getUserInfo().then(res => {
      // console.log(res.data.data.avatarUrl)
      if (res.code == 1) {
        if (res.data.is_empower == 0) {
          this.setData({
            avatarUrl:res.data.data.avatarUrl,
            nickname:res.data.data.nickName,
            hasUserInfo: true
          })
        }
      }
    })
  },
  // 悬浮点击事件
  handleClick() {
      // 获取客服电话
      getserviceMobile().then(res=>{
        if(res.code == 1){
            if (this.data.fabButton == false) {
              this.setData({
                contactMe: res.data,
                fabButton: true
              })
            } else {
              this.setData({
                fabButton: false
              })
            }
        }else{
          wx.showToast({
            title: res.message,
            icon: 'none'
          })
        }
      })
  },
  // 编辑确认
  editConfirmDialog() {
    const {
      dialogKey
    } = this.data;
    this.setData({
      [dialogKey]: false
    });
    bindMobile({
      mobile: this.data.dialogInputVal
    }).then(res => {
      if (res.code == 1) {
        this.setData({
          dialogInputVal: ""
        })
        this.onLoad()
      }
    })
  },
  // 绑定手机号输入框变化事件
  inputChange(e) {
    this.setData({
      dialogInputVal: e.detail.value
    })
  },
  // 绑定手机号打开事件
  showDialog(e) {
    const {
      key
    } = e.currentTarget.dataset;
    this.setData({
      [key]: true,
      dialogKey: key
    });
  },
  // 绑定手机号关闭事件
  closeDialog() {
    const {
      dialogKey
    } = this.data;
    this.setData({
      [dialogKey]: false
    });
  },
  // 动态列表点击事件
  handleCell(e) {
    // console.log(e.target.dataset.value);
    var device_id = e.target.dataset.value.id
    wx.navigateTo({
      // url: "../deviceinfo/index?data=" + JSON.stringify(data),
      url: "../deviceinfo/index?id=" + device_id,
    })
  }
})